<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery制作手机网站焦点图切换滚动效果</title>


<meta name="viewport" content="width=device-width" />


<link rel="stylesheet" href="image/style.css" type="text/css" />


<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<body>

<div class="block_home_slider">
                        	<div id="home_slider" class="flexslider">
                            	<ul class="slides">
                                	<li>
                                    	<div class="slide">
                                            <img src="image/pic_home_slider_1.jpg" alt="" />
                                            <div class="caption">
                                                <p class="title">国内金准营销服务中心</p>
                                                <p>90天让您的网站升级100倍。国内金准营销服务中心.国内金准营销服务中心国内金准营销服务中心国内金准营销服务中心国内金准营销服务中心</p>
                                            </div>
                                        </div>
                                    </li>
                                    
                                    <li>
                                    	<div class="slide">
                                            <img src="image/pic_home_slider_2.jpg" alt="" />
                                            <div class="caption">
                                                <p class="title">国内金准营销服务中心</p>
                                                <p>90天让您的网站升级100倍。国内金准营销服务中心.国内金准营销服务中心国内金准营销服务中心国内金准营销服务中心国内金准营销服务中心</p>
                                            </div>
                                        </div>
                                    </li>
                                    
                                    <li>
                                    	<div class="slide">
                                            <img src="image/pic_home_slider_3.jpg" alt="" />
                                            <div class="caption">
                                                <p class="title">国内金准营销服务中心</p>
                                                <p>90天让您的网站升级100倍。国内金准营销服务中心.国内金准营销服务中心国内金准营销服务中心国内金准营销服务中心国内金准营销服务中心</p>
                                            </div>
                                        </div>
                                    </li>
                                    
                                    <li>
                                    	<div class="slide">
                                            <img src="image/pic_home_slider_4.jpg" alt="" />
                                            <div class="caption">
                                                <p class="title">国内金准营销服务中心</p>
                                                <p>90天让您的网站升级100倍。国内金准营销服务中心.国内金准营销服务中心国内金准营销服务中心国内金准营销服务中心国内金准营销服务中心</p>
                                            </div>
                                        </div>
                                    </li>
                                  
                                    <li>
                                    	<div class="slide">
                                            <img src="image/pic_home_slider_4.jpg" alt="" />
                                            <div class="caption">
                                                <p class="title">国内金准营销服务中心</p>
                                                <p>90天让您的网站升级100倍。国内金准营销服务中心.国内金准营销服务中心国内金准营销服务中心国内金准营销服务中心国内金准营销服务中心</p>
                                            </div>
                                        </div>
                                    </li> 
                                    
                                </ul>
                            </div>
                            
                            <script type="text/javascript">
								$(function () {
									$('#home_slider').flexslider({
										animation : 'slide',
										controlNav : true,
										directionNav : true,
										animationLoop : true,
										slideshow : false,
										useCSS : false
									});
									
								});
							</script>
                        </div>
asdfsafa
</body>

</html>